<template>
  <div id="community_content">
    <Row class="community_content_top">
      <Col span="12" class="text-a-l">
          <Nav></Nav>
      </Col>
      <Col span="12" class="text-a-r feature">
        <section :class="{input_active: switchover == 1}">
          <input type="text" placeholder="" />
        </section>
        <i @mouseover="above" @click="handover"></i>
        <Button type="primary" class="iPrimary">我要提问</Button>
      </Col>
    </Row>
    <div class="show_content">
      <div class="banner"></div>
      <div class="show_article">
        <Articles></Articles>
      </div>
    </div>
  </div>
</template>
<script>
  import Nav from 'components/menu/nav'
  import Articles from 'components/modules/article_list'
  import {mapState, mapActions} from 'vuex'
  export default{
    name:'iHome',
    components:{Nav,Articles},
    data(){
      return{
        switchover:0
      }
    },computed:{
      ...mapState(['statistics'])
    },methods:{
      above(){
        this.switchover = 1
      },
      handover(){
          if(this.switchover)
            this.switchover = 0
          else
            this.switchover = 1
      }
    }
  }

</script>